<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
const isMac = navigator.platform.indexOf('Mac') === 0;
const kBehaviors = window.internals ? ['mac', 'win'] : isMac ? ['mac'] : ['win'];
for (const behavior of kBehaviors) {
  if (window.internals) {
    internals.settings.setEditingBehavior(behavior);
    internals.settings.setSelectTrailingWhitespaceEnabled(behavior !== 'mac');
  }

selection_test(
  '<div contenteditable dir="rtl">|Lorem <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">^Lorem| <div dir="ltr">ipsum dolor sit</div> amet</div>',
  `${behavior} 9-0 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">L|orem <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">L^orem| <div dir="ltr">ipsum dolor sit</div> amet</div>',
  `${behavior} 9-1 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lo|rem <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lo^rem| <div dir="ltr">ipsum dolor sit</div> amet</div>',
  `${behavior} 9-2 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lor|em <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lor^em| <div dir="ltr">ipsum dolor sit</div> amet</div>',
  `${behavior} 9-3 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lore|m <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lore^m| <div dir="ltr">ipsum dolor sit</div> amet</div>',
  `${behavior} 9-4 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem| <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem ^<div dir="ltr">|ipsum dolor sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem ^<div dir="ltr">|ipsum dolor sit</div> amet</div>',
  `${behavior} 9-5 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">|ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">^ipsum| dolor sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">^ipsum |dolor sit</div> amet</div>',
  `${behavior} 9-6 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">i|psum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">i^psum| dolor sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">i^psum |dolor sit</div> amet</div>',
  `${behavior} 9-7 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ip|sum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ip^sum| dolor sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ip^sum |dolor sit</div> amet</div>',
  `${behavior} 9-8 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ips|um dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ips^um| dolor sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ips^um |dolor sit</div> amet</div>',
  `${behavior} 9-9 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsu|m dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsu^m| dolor sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsu^m |dolor sit</div> amet</div>',
  `${behavior} 9-10 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum| dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum^ dolor| sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum^ |dolor sit</div> amet</div>',
  `${behavior} 9-11 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum |dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum ^dolor| sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum ^dolor |sit</div> amet</div>',
  `${behavior} 9-12 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum d|olor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum d^olor| sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum d^olor |sit</div> amet</div>',
  `${behavior} 9-13 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum do|lor sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum do^lor| sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum do^lor |sit</div> amet</div>',
  `${behavior} 9-14 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dol|or sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dol^or| sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dol^or |sit</div> amet</div>',
  `${behavior} 9-15 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolo|r sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolo^r| sit</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolo^r |sit</div> amet</div>',
  `${behavior} 9-16 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor| sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor^ sit|</div> amet</div>'
      : '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor^ |sit</div> amet</div>',
  `${behavior} 9-17 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor |sit</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor ^sit|</div> amet</div>',
  `${behavior} 9-18 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor s|it</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor s^it|</div> amet</div>',
  `${behavior} 9-19 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor si|t</div> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor si^t|</div> amet</div>',
  `${behavior} 9-20 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor sit</div>| amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> ^amet|</div>',
  `${behavior} 9-21 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor sit</div> |amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> ^amet|</div>',
  `${behavior} 9-22 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor sit</div> a|met</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> a^met|</div>',
  `${behavior} 9-23 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor sit</div> am|et</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> am^et|</div>',
  `${behavior} 9-24 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor sit</div> ame|t</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> ame^t|</div>',
  `${behavior} 9-25 rtl forward word`);

selection_test(
  '<div contenteditable dir="rtl">Lorem <div  dir="ltr">ipsum dolor sit</div> amet|</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> amet|</div>',
  `${behavior} 9-26 rtl forward word`);
}
</script>
